﻿@charset "utf-8";
@import url(reset.css);



body { /* width: 778px; margin: 0px auto; */ position: relative; color: #333; font-size: 9pt; background-image: url(../images/body_bg.jpg); line-height: 22px;  background-color: #F2FAFD; background-repeat: repeat-x; }
/* 旧
body { position: relative; color: #333; font-size: 9pt; background-image: url(../images/body_bg.jpg); line-height: 22px;  background-color: #D6E4FE; background-repeat: repeat-x; }

body { font-family:"微软雅黑", Arial; font-size: 12px; background-image: url(../images/body_bg.jpg); background-repeat: no-repeat; background-position: center top; color: #666; }
*/

/* 网页常用元素 */
.clear { clear: both; font-size: 0px; line-height: 0; height: 0px; overflow: hidden;  }
.clearleft { clear: left; }
.clearright { clear: right;  }
/*
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
*/
/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */ 


.line {font-size: 0px; line-height: 0; border-bottom: #cfc 1px solid; }

/* #原素浮动 改为大写否则与第三版旧类有冲突# */
.L { float: left; }
.R { float: right; }
.C { clear: both; }
/* #文字下划线# */
.U { text-decoration: underline; }
A.U:link { text-decoration: underline; }
A.U:visited{text-decoration: underline;}
A.U:hover { text-decoration: underline;}


/* #文字对齐# */
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }

/* 特殊字体颜色 */
.red { color: #ff0000; }
A.red{ color: #ff0000; }
A.red:link { color: #ff0000; }
A.red:visited{color: #ff0000;} 
A.red:hover{color: #ff0000;}
.weight { font-weight: bold; }

/* #字体大小# */
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }


/* #鼠标样式 cursor: pointer # */
.cp { cursor: pointer; }

/* #显不显示# */
.dn { display: none; }
.db { display: block; }
.di { display: inline; }
.hidden { display: none; }
.unhidden { display: block; }
.oh{overflow: hidden;}
.ov { overflow: visible; }


/* #各内空白# */
.p1 { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; }
.p5 { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; }
.p7 { padding-right: 7px; padding-left: 7px; padding-bottom: 7px; padding-top: 7px; }
.p10 { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }
.pt10 { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 10px; }
.gw { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }
.p20 { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; padding-top: 20px; }
.p1_0 { font-style: normal; color: #999; display: block; float: left; margin-left: 5px; }

.plr10 { padding-right: 10px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px; }
.ptb10 { padding-right: 0px; padding-left: 0px; padding-bottom: 10px; padding-top: 10px; }
.p30 { padding-right: 30px; padding-left: 30px; padding-bottom: 30px; padding-top: 30px; }

/* #左内空白# */
.pl60 { padding-left: 60px; }
.pl100 { padding-right: 130px; padding-left: 130px; padding-bottom: 30px; padding-top: 30px; }

/* #各边距 T顶 B底 上_下 x负边距# */
.m30 { margin: 30px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.m15 { margin: 15px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.ml10 { margin-left: 10px; }
.ml12 { margin-left: 12px; }
.ml20 { margin-left: 20px; }
.m0_10 { margin: 0px 10px; }
.m0_15 { margin: 0px 15px; }
.m0_20 { margin: 0px 20px; }
.m0_20x { margin: -10px 0px 5px 10px; }
.m0_25 { margin: 0px 25px; }

/* #宽度高度# */
.w1 { width: 1px; }
.w5 { width: 5px; }
.w10 { width: 10px; }
.w15 { width: 15px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w55 { width: 55px; }
.w65 { width: 65px; }
.w80 { width: 80px;}
.w90 { width: 90px;}
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w265 { width: 265px; }
.w280 { width: 265px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w365 { width: 365px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.w700 { width: 700px; }
.w750 { width: 750px; }
.h1 { height: 1px; }
.h5 { height: 5px; }
.h10 { height: 10px; }
.h12 { height: 12px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h50 { height: 50px; }
.h100 { height: 100px; }
.h200 { height: 200px; }
.h300 { height: 300px; }
.h350 { height: 350px; }
.h400 { height: 400px; }


.flw5 { float: left; width: 5px; }
.flw10 { float: left; width: 10px; }
.flw15 { float: left; width: 15px; }
.flw20 { float: left; width: 20px; }

.inof { border-right: #ccc 1px solid; border-top: #ccc 1px solid; border-left: #ccc 1px solid; color: #333; border-bottom: #ccc 1px solid; background-color: #ffffff; }
.inon { border-right: #ccc 1px solid; border-top: #ccc 1px solid; background: #fff; border-left: #ccc 1px solid; color: #333; border-bottom: #ccc 1px solid; }
.inon { border-top: #000 1px solid; border-left: #000 1px solid; color: #333; }


/* 基本链接  */
A{cursor: pointer; }
A:link { color: #006699; text-decoration: none; }
A:visited{color: #006699;text-decoration: none;} 
A:hover { color: #FF6600; text-decoration: none; }

A.WtoO { color: #ffffff; }
A.WtoO:link { color: #fff; text-decoration: none; }
A.WtoO:visited{color: #fff;text-decoration: none;} 
A.WtoO:hover{color: #f63;text-decoration: none;}

/*  自定义标题蓝 */
A.TtoO {color: #099;}
A.TtoO:link { color: #099; text-decoration: none; }
A.TtoO:visited{color: #099;text-decoration: none;} 
A.TtoO:hover{color: #f63;text-decoration: none;}

/*  项浅灰 */
A.ItoO {color: #666;}
A.ItoO:link { color: #666; text-decoration: none; }
A.ItoO:visited{color: #666;text-decoration: none;} 
A.ItoO:hover{color: #f63;text-decoration: none;}
/* 不变色 */
A.ItoI {color: #666;}
A.ItoI:link { color: #666; text-decoration: none; }
A.ItoI:visited{color: #666;text-decoration: none;} 
A.ItoI:hover{color: #666;text-decoration: none;}


A.KtoO {color: #333;}
A.KtoO:link { color: #333; text-decoration: none; }
A.KtoO:visited{color: #333;text-decoration: none;} 
A.KtoO:hover{color: #f63;text-decoration: none;}

/*  */
A.BtoO {color: #39c;}
A.BtoO:link { color: #39c; text-decoration: none; }
A.BtoO:visited{color: #39c;text-decoration: none;} 
A.BtoO:hover{color: #f63;text-decoration: none;}

A.BtoB {color: #39c;}
A.BtoB:link { color: #39c; text-decoration: none; }
A.BtoB:visited{color: #39c;text-decoration: none;} 
A.BtoB:hover { color: #333399; text-decoration: none; }

A.GtoO { color: #096; }
A.GtoO:link { color: #096; text-decoration: none; }
A.GtoO:visited{color: #096;text-decoration: none;} 
A.GtoO:hover{color: #f63;text-decoration: none;}

A.OtoG { color: #f63; }
A.OtoG:link { color: #f63; text-decoration: none; }
A.OtoG:visited{color: #f63;text-decoration: none;} 
A.OtoG:hover{color: #096;text-decoration: none;}

A.OtoR { color: #f63; }
A.OtoR:link { color: #f63; text-decoration: none; }
A.OtoR:visited{color: #f63;text-decoration: none;} 
A.OtoR:hover { color: #f00; text-decoration: none; }

A.RtoO { color: #f00; }
A.RtoO:link { color: #f00; text-decoration: none; }
A.RtoO:visited{color: #f00;text-decoration: none;} 
A.RtoO:hover { color: #f63; text-decoration: none; }


/* 网页常用元素 END */

/* 通用DIV 容器
.DivWrap { border: 1px solid #E2E2E2; width: 960px; clear: left; padding: 0px; background-color: #FFFFFF; margin-right: auto; margin-left: auto; }
.DivBottomWrap { margin: 10px auto 0px auto; border: 1px solid #E2E2E2; background-color: #FFFFFF;width: 960px; clear: left; padding: 0px; }
*/
/*主页用的主内容容器
.DivWrapBig { background-image: url('../images/bg_content_vertical.jpg'); background-color: #FFFFFF; background-repeat: repeat-y; background-position: right top; width: 962px; margin: 20px auto 10px auto; clear: left; overflow: hidden; padding-top: 10px; padding-bottom: 5px; }
.DivWrapL {  padding-bottom: 10000px; margin-bottom: -10000px; background-image: url('../images/bg_content_vertical.jpg'); background-repeat: repeat-y; background-position: left top; width: 320px; float: left;  }
.DivWrapC { padding-bottom: 10000px; margin-bottom: -10000px; background-image: url('../images/bg_content_vertical.jpg'); background-repeat: repeat-y; background-position: left top; width: 320px; float: left;  }
.DivWrapR {  padding-bottom: 10000px; margin-bottom: -10000px;background-image: url('../images/bg_content_vertical.jpg'); background-repeat: repeat-y; background-position: left top; width: 270px; float: right; }
*/

/* 通用DIV 容器*/
.DivWrap { border: 1px solid #E2E2E2; width: 960px; clear: left; padding: 0px; background-color: #FFFFFF; margin-right: auto; margin-left: auto; }
.DivBottomWrapOLD { margin: 10px auto 0px auto; background-color: #FFFFFF; width: 100%; clear: both; padding: 0px;  background: url('../images/body_bg_foot.jpg') repeat-x left bottom;}
.DivBottomWrap { margin: 10px auto 0px auto; background-color: #FFFFFF; width: 960px; clear: both; padding: 0px; }

/*主页用的主内容容器*/
.DivWrapBig { border-top: 1px solid #D7AF00;border-bottom: 1px solid #D7AF00; background-image: url('../images/bg_content_vertical.jpg'); background-color: #FFFFFF; background-repeat: repeat-y; background-position: right top; width: 962px; margin: 20px auto 10px auto; clear: left; overflow: hidden; padding-top: 10px; padding-bottom: 5px; }
.DivWrapL {  padding-bottom: 10000px; margin-bottom: -10000px; background-image: url('../images/bg_content_vertical.jpg'); background-repeat: repeat-y; background-position: left top; width: 320px; float: left;  }
.DivWrapC { padding-bottom: 10000px; margin-bottom: -10000px; background-image: url('../images/bg_content_vertical.jpg'); background-repeat: repeat-y; background-position: left top; width: 320px;  float: left;  }
.DivWrapR {  padding-bottom: 10000px; margin-bottom: -10000px;background-image: url('../images/bg_content_vertical.jpg'); background-repeat: repeat-y; background-position: left top; width: 320px; float: right; }





/* 主内容框
----------------------------------------------------------------- */
.banner { width: 956px; margin: 1px; clear: left; border: 1px solid #FFB177; }
/* 其它页用的主内容空器 相当于DivWrapBig*/
.container { width: 958px; margin: 10px Auto 1px Auto; border: 1px solid #E2E2E2; background-color: #FFFFFF; height: auto; }
.bottom { width: 956px; margin: 1px auto; clear: left; padding: 0px; overflow: hidden;  }

/*顶部LOGO高度84
#topbanner { width: 958px; margin: 0px auto 0px auto; clear: left; background: url(../images/top_banner.jpg) no-repeat center center; overflow: hidden; height: 84px; }
*/
/*顶部LOGO高度130*/
#topbanner { width: 958px; margin: 0px auto 3px auto; clear: left; background: url(../images/top_banner.jpg) no-repeat center center; overflow: hidden; height: 130px; }


/* 内页 面包屑
----------------------------------------------------------------- 
.bread_crumbs { padding: 5px; line-height: 24px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF9933; margin: 0 0 20px 0; }
*/
.bread_crumbs { height: 36px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #D7AF00; background-image: url('../images/bg/bg_top_map.gif'); }
.bread_crumbs .title { font-size: 10pt;  float: left; padding-left: 20px; padding-top: 12px; }

.right_function_key { height: 36px; float: right; line-height: 36px; vertical-align: bottom; }
.right_function_key img { margin-top: 0px; }
.right_function_key a { margin-left: 10px; margin-right: 10px; }

.addthis { padding-top: 20px; padding-left: 30px; }

/* 内页 正文框
----------------------------------------------------------------- */
.page_left { margin: 25px 0px 10px 0px; float: left; width: 690px; overflow: hidden; }
#page_title { font-size: 22px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; color: #006699; padding-left: 30px; }
#page_title span { font-size: 12px; font-weight: normal; color: #666; margin-left:20px; }

#news_title { font-size: 22px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; color: #006699; padding-left: 30px; }
.date_i { font-style: normal; color: #999; text-align: center; display: block; margin: 0 0 40px 0; }

/* 页面内容框内样式  content_box产品详细页中用到的已经改别处了
----------------------------------------------------------------- 
.page_left .content_box img { width: expression(this.width > 550 ? "550px" : this.width+"px"); max-width: 550px; height: auto; }
*/
.page_left .content_box { margin: 15px 0px 15px 0px; padding: 15px; float: left; }
.page_left .contentindex_box { padding: 15px;  background-color: #FFFFFF; }

.page_left .content_box p { margin-top: 20px; margin-bottom: 20px; }
.page_left .content_box h1 { font-size: 18px; color: #333333; }
.page_left .content_box h2 { font-size: 16px; color: #333333; }
.page_left .content_box h3 { font-size: 14px; color: #333333; }
.page_left .content_box ul,.page_left .content_box ol { list-style-position: inside; margin-top: 20px; margin-bottom: 20px; }


/* 内页新闻列表样式
----------------------------------------------------------------- 
.page_news_list { list-style-type: none; }
.page_news_list li { margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #BFC1C4; }
.page_news_list li a { font-size: 16px; display: block; line-height: 30px; }
.page_news_list li i { font-style: normal; background-image: url(../images/date.png); background-repeat: no-repeat; background-position: left center; padding-left: 24px; line-height: 30px; }
.page_news_list li i span { background: url(../images/comments.png) no-repeat left center; padding-left: 24px; margin-left: 20px; }
*/
.page_news_list{ padding: 5px 35px 5px 35px; list-style-type: none; margin: 5px 10px 5px 10px;float: left; }
.page_news_list li { margin-bottom: 20px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #BFC1C4; float: left; width: 610px; }
.page_news_list li {margin-top: 2px; }
.page_news_list li a{ font-size: 16px; display: block;  }
.page_news_list li i { font-style: normal; background-image: url(../images/date.png); background-repeat: no-repeat; background-position: left center; padding-left: 24px; line-height: 30px; }
.page_news_list li i span { background: url(../images/comments.png) no-repeat left center; padding-left: 24px; margin-left: 20px; }

.page_news_list .title { font-weight: bold; }
.page_news_list li p { float: left; color: #666666; }

/* 首页上的产品列表 
----------------------------------------------------------------- */
.product_list { width: 958px; margin: 15px auto 10px auto; clear: left; overflow: hidden; }
.product_list UL { /*width: 170px; height: 170px;设置这个高度很重要*/ float: left; text-align: center; overflow: visible; margin-top: 0px; margin-bottom: 0px; margin-left: 25px; }
.product_list LI {  list-style-type: none;}
/*.product_list LI A { display: block; } */
.product_list .imgrim { width: 102px; height: 102px; border: 1px solid #CCCCCC; overflow: hidden; padding: 1px; background-color: #f5f5f5; }
.product_list .imgrim img{  padding:1px; width:100px; height: 100px; }
.product_list .more { display: block; clear: both; }
.product_list .more a { background-image: url(../images/button_bg.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 16px; width: 45px; text-align: center; float: right; text-decoration: none; margin-top: 5px; margin-right: 10px;line-height: 16px; }
.product_list .more a:hover {   background-position: 0px -16px; }


/* 产品内页列表
----------------------------------------------------------------- 
/* 原件默认
.page_product_list { float: left; width: 650px; overflow: hidden; border-bottom: 1px dotted #BFC1C4; margin: 0 0 10px 0; }
.page_product_list ul { float: left; width: 678px; list-style-type: none; }
.page_product_list ul li { float: left; width: 198px; height: 245px; margin-right: 28px; }
.page_product_list ul li a { float: left; width: 198px; height: 228px; }
.page_product_list ul li a img { float: left; border: 1px solid #CCC; margin: 0 0 10px 0; }
.page_product_list ul li a:hover img { float: left; border: 1px solid #069; margin: 0 0 10px 0; }
.pictureDIV { float: left; margin: 0 0 20px 0; }
*/


/* 新产品内页列表样式 */
.page_product_list { padding: 5px 35px 5px 35px; list-style-type: none; margin: 5px 10px 5px 10px;float: left; }
.page_product_list .listh { margin-bottom: 20px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #BFC1C4; float: left; width: 610px; margin-top: 10px; }

.listh H3 { font-size: 12px; float: left; }
.listh .thumb { float: right; }
.listh .thumb IMG { border: #e5f2e5 1px solid; padding: 2px; margin: 1px;}
.listh .thumb SPAN { display: none; }
.listh .leftpic { border: #e5f2e5 1px solid; float: left; width: 102px; height: 102px; text-align: center; overflow: hidden; }
.listh .leftpic .pic { padding: 2px;  }
.listh .leftpic .pic IMG { width: 100px; height: 100px;  }
.listh .leftpic SPAN { display: none; }
.listh .leftpic .capexact { margin: 2px; }
.listh .body { padding-left: 120px;}

.listh .title { line-height: 22px; }
.listh .title H2 { font-size: 16px; }
.listh .details { float: left; width: 99%; }
.listh .details .k { padding-left: 10px; padding-right: 10px; padding-bottom: 0px; padding-top: 0px; text-align: left; }
.listh .details .k A { margin: 0px 12px 0px 0px; }

.listh .tag { text-align: left; border-top: #f8f8f8 1px dashed; padding-right: 5px; padding-left: 10px; padding-bottom: 3px; padding-top: 3px; color: #069; }
.listh .tag  i { font-style: normal; background-image: url(../images/date.png); background-repeat: no-repeat; background-position: left center; padding-left: 24px; line-height: 30px; }
.listh .tag  i span { background: url(../images/comments.png) no-repeat left center; padding-left: 24px; margin-left: 20px; }
/* 产品列表页的链接颜色,需要时再指定 */
/*
.listh .title H2 A:link { text-decoration: none; }
.listh .title H2 A:visited{text-decoration: none;}
.listh .title H2 A:hover{text-decoration: underline;}

.listh .tag A:link { color: #069; text-decoration: none; }
.listh .tag A:visited{color: #069;text-decoration: none;}
.listh .tag A:hover { color: #f30; text-decoration: underline; }

.listh A:link { color: #333; text-decoration: none; }
.listh A:visited{color: #333;text-decoration: none;}
.listh A:hover{color: #396;text-decoration: underline;}
*/

/* 产品详细页面 */
.producdetail { display: block; }
.producdetail .middle_box { padding: 15px 10px 10px 10px; margin: 0px auto 0px 14px; float: left; background-image: url('../images/bg/bg_middle_box.gif'); }

.producdetail .middle_box .pictureDIV { float: left; margin: 0px 0px 5px 0px; }
.producdetail .middle_box .productItem { padding: 20px 0px 10px 0px; width: 345px; float: left; height: 325px; margin-left: 10px; margin-bottom: 5px; background-color: #FFFFFF; overflow: auto; }
.producdetail .middle_box .productItem LI { margin: 2px; line-height: 35px; list-style-type: none; padding-left: 20px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #FF9966; padding-right: 10px; }
.producdetail .middle_box .productItem .shopbtn { float: right; color: #FF6600; font-weight: bold; font-size: 16px; }
/*
.productItem { height: 330px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #CCC; border-bottom-color: #CCC; list-style-type: none; float: left; margin: 0 0 20px 10px; width: 300px; padding: 10px; line-height: 34px; font-size: 14px; }
*/


/* 新增样式2011-5-23
-----------------------------------------------------------------*/
/*图片放大镜样式*/
.jqzoom{ float:left;border:none; position:relative; padding:0px; cursor:pointer; margin:0px; display:block; }
.zoomdiv{ z-index:100; position:absolute; top:0px; left:0px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
.jqZoomPup{ z-index:10; visibility:hidden; position:absolute; top:0px;left:0px; width:20px; height:20px; border:1px solid #aaa; background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{ width:292px; height:292px; border: 1px solid #CCC;}
.spec-preview .jqzoom img{ width:292px; height:292px; }
.spec-scroll{ clear:both; margin-top:5px; width:294px; }
.spec-scroll .prev{ float:left; margin-right:5px; }
.spec-scroll .next{ float:right; }
.spec-scroll .prev,.spec-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:54px; line-height:54px; border:1px solid #CCC; background:#EBEBEB; cursor:pointer; text-decoration:none; }
.spec-scroll .items { float: left; position: relative; width: 261px; height: 56px; overflow: hidden; background-color: #D0D0D0; }
.spec-scroll .items ul{ list-style:none; position:absolute; width:999999px; height:56px; }
.spec-scroll .items ul li{ float:left; width:65px; text-align:center; }
.spec-scroll .items ul li img{ border:1px solid #CCC; padding:2px; width:50px; height:50px; }
.spec-scroll .items ul li img:hover{ border:2px solid #FF6600; padding:1px; }
/*------------------------------新增结束--------------------------*/



/* 下载列表
----------------------------------------------------------------- */
.page_download_list { padding: 5px 35px 5px 35px; list-style-type: none; margin: 5px 10px 5px 10px;float: left; }
.page_download_list li { margin-bottom: 20px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #BFC1C4; float: left; width: 610px;  }
.page_download_list li a { font-size: 16px; display: block; line-height: 30px; }
.page_download_list li i { font-style: normal; background-image: url(../images/date.png); background-repeat: no-repeat; background-position: left center; padding-left: 24px; line-height: 30px; }
.page_download_list li i span { background: url(../images/comments.png) no-repeat left center; padding-left: 24px; margin-left: 20px; }
.page_download_list .title { font-weight: bold; }
.img_in_list { float: left; border: 1px solid #CCC; margin: 0 20px 0 0; }
.img_in_list IMG { height: 100px; }
.img_in_list:hover { float: left; border: 1px solid #069; margin: 0 20px 0 0; }

.blue_box { padding: 5px; border: 1px solid #D2E8FA; font-size: 14px; background-color: #f1f7fd; text-align: center; }
.blue_box a { color: #069; }
.blue_box a:hover { color: #333; }

/*=====================注释掉的旧样式==============================
.pagination { text-align: right; }
.current { font-weight: bold; color: #069; margin-right: 10px; margin-left: 10px; }
*/
#pagination { float: right; }

 /*新闻文章结尾处 前后与返回按钮
----------------------------------------------------------------- 
原件
.p_n_b { height: 30px; width: 618px; line-height: 30px; background-image: url(../images/gradient_bg.gif); background-repeat: repeat-x; background-position: left top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ddd; border-right-color: #bcbcbc; border-bottom-color: #bcbcbc; border-left-color: #ddd; margin-top: 30px; padding-right: 15px; padding-left: 15px; overflow:hidden;}
.p_n_b a { width: 206px; display: block; height: 28px; float: left; margin-bottom: 20px; }
*/
.p_n_b { height: 30px;  line-height: 30px; background-image: url(../images/gradient_bg.gif); background-repeat: repeat-x; background-position: left top; margin-top: 30px; padding-right: 15px; padding-left: 15px; overflow:hidden;border: 1px solid #EEEEEE;}
.p_n_b a { width: 206px; display: block; height: 28px; float: left; margin-bottom: 20px; }
.previous {}
.back { text-align: center; }
.next { text-align: right; }



/* 留言评论
----------------------------------------------------------------- */
.comment {display: block; float:left; }
#commentList { border-top-width: 1px; border-top-style: solid; border-top-color: #bcbcbc; float: left; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; }


#commentList .odd { background-color: #f9f9f9; }
#commentList .user { float: right; display: block; }
.user .u-name { float: left; margin-right: 15px;}
.user .star {   float: left; }
.user .date-ask { margin-left: 15px;float: left; }

#commentList .item { width: 680px; margin: 0px; padding: 20px 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bcbcbc; clear: both; float: left; }
#commentList .item .answer dt { background: url(../images/comments.png) no-repeat left center; padding-left: 22px; color: #069; line-height: 16px; height: 16px; clear: both; }
#commentList .item .answer dd { color: #333; } 
#commentList .item .answer .a_content { padding: 10px 40px 10px 60px;  }
#commentList .item .answer .a_foot { color: #069; float: right; padding-right: 35px; }

.reply { float: left; background-color: #F7F7F7; border: 1px solid #F8E0C7; width: 600px; padding: 10px; margin-top: 10px; margin-left: 25px; }
.odd .reply { background-color: #fff; } /* 橙色框内，管理员答复为白色底，以便区分 */
.reply dt { font-weight: bold; color: #F90;  }
.reply dt i { font-style: normal; color: #666; float: right; font-weight: normal; }
.reply dd { color: #F00;padding: 10px 25px 10px 25px;}


.commentform { margin: 20px 0 0 0; background-image: url(../images/gradient_bg.gif); background-repeat: repeat-x; background-position: left top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-color: #bcbcbc; border-right-color: #bcbcbc; border-bottom-color: #bcbcbc; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; }
.commentform .nTitle { font-size: 16px; background: url(../images/comment_edit.png) no-repeat 10px center; padding-left: 32px; border-bottom: 1px solid #bcbcbc; line-height: 30px; height: 30px; color: #333; }

#comment_form { margin: 20px 10px 10px 20px; }
#comment_form dl { float:left; padding: 0 0 10px 0; }
#comment_form dl dt { float:left; line-height: 28px; width: 75px; text-align: right; margin: 0 5px 0 0; }
#comment_form dl dd { float:left; line-height: 28px; }
#comment_form input,#comment_form textarea { padding: 3px; }
#comment_form dl dd .textarea { height: 100px; width: 440px; }
/*================新添加的=======================*/
#comment_form dl dd .input2{ width:120px; }
#comment_form dl dd .submit2{ padding:3px 5px; }
#comment .star{ display:inline-block; background:url(../images/comment_icon.gif) no-repeat; width:65px; height:12px; overflow:hidden; }
#comment .star0{background-position:-65px 0;}
#comment .star1{background-position:-52px 0;}
#comment .star2{background-position:-39px 0;}
#comment .star3{background-position:-26px 0;}
#comment .star4{background-position:-13px 0;}
#comment .star5{background-position:0 0;}
#comment #stars{position:relative;line-height:12px;vertical-align:middle;}
#comment #stars a{position:absolute;display:block;width:13px;height:12px;line-height:12px;cursor:pointer;text-indent:-999px;}
#comment #stars .a2{left:13px;}
#comment #stars .a3{left:26px;}
#comment #stars .a4{left:39px;}
#comment #stars .a5{left:52px;}



/* 右侧边栏
----------------------------------------------------------------- */
.page_right {  padding: 20px; margin: 25px 0px 15px 0px; float: right; width: 220px; background-image: url('../images/bg/bg_right_menu.gif'); }
.page_right h3 { font-size: 16px; font-weight: bold; border-bottom-width: 4px; border-bottom-style: double; border-bottom-color: #FF6600; margin-bottom: 10px; padding-bottom: 10px; color: #003366; }
.page_right ul { list-style-position: outside; list-style-image: url(../images/sidebar_list_iconY.gif); padding-left: 11px; margin-bottom: 20px; }
.page_right ul li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #BFC1C4; margin-bottom: 8px; padding-bottom: 8px; }
.page_right ul li:hover { border-bottom-style: solid; }
.page_right ul li a {  display: block; }
.page_right ul li i { display: block; margin-top: 5px; font-style: normal; }
.page_right ul li i span { float: right; padding-left: 22px; }

/*====================新增加的样式===================*/
.page_right .sidebar_nav li { background-color: #FFFFFF; line-height: 20px; vertical-align: bottom; padding-top: 2px; padding-left: 2px; }
.page_right .sidebar_nav li a{display:inline-block;}

.page_right .sidebar_news li { background-color: #FFFFFF; line-height: 20px; vertical-align: bottom; padding-top: 2px; padding-left: 2px; }
.page_right .sidebar_news li a{display:inline-block;}





/* DIV圆角 */
.spiffy{display:block ;}
.spiffy * { display: block; height: 1px; overflow: hidden; font-size: .01em; background: #56E69E; }
.spiffy1 { margin-left: 3px; margin-right: 3px; padding-left: 1px; padding-right: 1px; border-left: 1px solid #b0eecf; border-right: 1px solid #b0eecf; background: #7de9b3; }
.spiffy2 { margin-left: 1px; margin-right: 1px; padding-right: 1px; padding-left: 1px; border-left: 1px solid #e5f3ec; border-right: 1px solid #e5f3ec; background: #74e8ae; }
.spiffy3 { margin-left: 1px; margin-right: 1px; border-left: 1px solid #74e8ae; border-right: 1px solid #74e8ae; }
.spiffy4 { border-left: 1px solid #b0eecf; border-right: 1px solid #b0eecf; }
.spiffy5 { border-left: 1px solid #7de9b3; border-right: 1px solid #7de9b3; }
.spiffyfg { background: #ff0000; }
/* DIV圆角 END */


/* 顶部框导航新 */ 
#topnav { width: 958px; margin: 1px auto; clear: left; height: 36px; overflow: hidden; background: url(../images/bg_top_nav.png) no-repeat; }
#topnav li,#topnav li a { float:left; display:block; width:110px; height:36px; }
/*
#topnav li a { width:100%; text-indent:-9999px; background:url(../images/bg_top_nav.png) no-repeat 0 0; }
*/
#topnav li a { width:100%; text-indent:-9999px; background:url(../images/bg_top_nav.png) no-repeat 0 0; }

#topnav .n01 { width:110px; }
#topnav .n01 a:link { background-position:0 0; }
#topnav .n01 a:visited { background-position:0 -0px; }
#topnav .n01 a:hover { background-position:0 -36px; }
#topnav .n01 a:active { background-position:0 -72px; }


#topnav .n02 a:link { background-position:-110px 0; }
#topnav .n02 a:visited { background-position:-110px 0; }
#topnav .n02 a:hover { background-position:-110px -36px; }
#topnav .n02 a:active { background-position:-110px -72px; }

#topnav .n03 a:link { background-position:-220px 0; }
#topnav .n03 a:visited { background-position:-220px 0; }
#topnav .n03 a:hover { background-position:-220px -36px; }
#topnav .n03 a:active { background-position:-220px -72px; }

#topnav .n04 a:link { background-position:-330px 0; }
#topnav .n04 a:visited { background-position:-330px 0; }
#topnav .n04 a:hover { background-position:-330px -36px; }
#topnav .n04 a:active { background-position:-330px -72px; }

#topnav .n05 a:link { background-position:-440px 0; }
#topnav .n05 a:visited { background-position:-440px 0; }
#topnav .n05 a:hover { background-position:-440px -36px; }
#topnav .n05 a:active { background-position:-440px -72px; }

#topnav .n06 a:link { background-position:-550px 0; }
#topnav .n06 a:visited { background-position:-550px 0; }
#topnav .n06 a:hover { background-position:-550px -36px; }
#topnav .n06 a:active { background-position:-550px -72px; }

#topnav .n07 a:link { background-position:-660px 0; }
#topnav .n07 a:visited { background-position:-660px 0; }
#topnav .n07 a:hover { background-position:-660px -36px; }
#topnav .n07 a:active { background-position:-660px -72px; }

#topnav .n08 a:link { background-position:-770px 0; }
#topnav .n08 a:visited { background-position:-770px 0; }
#topnav .n08 a:hover { background-position:-770px -36px; }
#topnav .n08 a:active { background-position:-770px -72px; }



/* 右上角搜索框
----------------------------------------------------------------- */
.search_box { float: right; height: 32px; width: 261px; margin: 5px 0 30px 0; visibility: hidden; }
.search_box .text { line-height: 22px; background-image: url(../images/search_box.gif); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 5px; float: left; height: 22px; width: 210px; border: 0px none #FFF; }
.search_box .button { background-image: url(../images/search_button.gif); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; margin: 0px; padding: 0px; float: left; height: 32px; width: 41px; border: 0px none #FFF; cursor: pointer; }



.contenttitle { height: 36px; background-image: url('../images/contenttitle_bg.png'); background-repeat: no-repeat; background-position: 0px 0px; margin-left: 15px; margin-top: 15px; }
.contenttitle h2 { font-size: 11pt; color: #006699; font-weight: bold; float: left; padding-left: 40px; padding-top: 5px; }
.contenttitle a { margin: 10px; background-image: url(../images/button_bg.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 16px; width: 45px; text-align: center; float: right; text-decoration: none;line-height: 16px; }
.contenttitle a:hover {   background-position: 0px -16px; }
.bgA{background-position: 0px 0px;}
.bgB{background-position: 0px -36px;}
.bgC{background-position: 0px -72px;}
.bgD{background-position: 0px -108px;}

.content_text { margin: 20px;  }

/* 首页新闻列表
----------------------------------------------------------------- 
.index_news_list { float: left; width: 900px; overflow: hidden; }
.index_news_list ul { float: left; width: 936px; list-style-type: none; }
.index_news_list ul li { float: left; width: 198px; height: 115px; margin-right: 36px; }
.index_news_list ul li a { font-size: 11pt; display: block; float: left; }
.index_news_list ul li i { font-style: normal; color: #999; margin-bottom: 5px; display: block; float: left; }
.index_news_list ul li p { clear:both; display: block;  width: 198px; }*/

/* 首页新闻列表
----------------------------------------------------------------- 
.index_news_list { margin: 20px; }
.index_news_list ul { float: left;  list-style-type: none; }
.index_news_list ul li { float: left;  margin-bottom: 20px; }
.index_news_list ul li a { font-size: 11pt; display: block; float: left; }
.index_news_list ul li i { font-style: normal; color: #999; display: block; float: left; margin-left: 5px; margin-bottom: 8px; line-height: 11pt; }
.index_news_list ul li p { clear:both; display: block;   }
*/
/* 首页新闻列表
----------------------------------------------------------------- 
.index_news_list { }*/
.index_news_list ul { padding: 10px; margin: 5px; list-style-type: none; border-top: #ffefd5 1px solid;  overflow: visible; }
.index_news_list .title { background-position: left 3px; margin-left: 5px; margin-top: 5px; background-image: url('/Images/icon/ico-r16.png'); background-repeat: no-repeat; padding-left: 25px; font-weight: bold; }
.index_news_list .details { clear: both; margin-right: 10px; margin-left: 25px; }
.index_news_list .details IMG { width: 100px; }
.index_news_list .details A { float: left;margin-left: 10px;  margin-right: 3px;}
.index_news_list .details P {  display: inline; color: #666666; }

.index_news_list A { color: #000000; }
.index_news_list A:link { color: #000000; text-decoration: none; }
.index_news_list A:visited{color: #000000;text-decoration: none;} 
.index_news_list A:hover { color: #CC0000; text-decoration: none; }



.ad_text h2 { font-size: 30px; color: #000; font-weight: normal; margin-bottom: 20px; }
.ad_text p { font-size: 15px; margin-bottom: 20px; }
.ad_text a { line-height: 32px; background-image: url(../images/button.gif); background-repeat: repeat; background-position: left top; display: block; height: 32px; width: 140px; text-align: center; border: 1px solid #FFF; }
.ad_text a:hover { line-height: 32px; background-image: none; display: block; height: 32px; width: 140px; text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #dddddd; border-right-color: #bcbcbc; border-bottom-color: #bcbcbc; border-left-color: #dddddd; }

/* 主页带连接标题
----------------------------------------------------------------- */
.h2_link a { background-image: url(../images/h2_more.png); background-repeat: no-repeat; background-position: right center; display: block; font-size: 20px; font-weight: normal; line-height: 20px; height: 20px; margin: 0 0 25px 0; color: #000; }
.h2_link a:hover { background-image: url(../images/h2_more_h.png); color: #069; }








/*
.other3 { float: left; }
.other3 ul { float: left;list-style-type: none; }
.other3 ul li { background-image: url(../images/other3_bg.gif); background-repeat: repeat-x; background-position: left top; padding: 17px 17px 0 17px; float: left; height: 270px; width: 244px; margin: 0 30px 0 0; border: 1px solid #bcbcbc; }
.other3 ul li h3 { font-size: 18px; line-height: 24px; font-weight: normal; height: 24px; margin-bottom: 10px; }
.other3 ul li img { margin: 0 0 18px 0; }
*/
/*
.other3 {float: right; width: 300px; }
.other3 ul { list-style-type: none; }
.other3 ul li {   margin: 0px;  }
.other3 ul li h3 { font-size: 11pt;line-height: 20px;  height: 20px; margin-bottom: 2px; }
.other3 ul li img { margin: 0 0 18px 0; }
.other3 .hr { margin: 5px 2px 5px 2px; border-width: 1px; border-color: #666666; display: block; clear: both; border-top-style: solid; overflow: visible; }
*/


.index_download_list { padding: 5px 3px 5px 3px; float: left; list-style-type: none;  }
.index_download_list .right_ad { clear: both; }
.index_download_list .right_ad_content { padding: 15px 15px 15px 30px; }
.index_download_list .right_ad_content li { background-image: none;  padding: 0px; float: none; height: 26px; width: 265px; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #999999; line-height: 26px; list-style-position: inside; }



.read_more { display: block; background-image: url(../images/button_bg.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 16px; width: 45px; float: right; margin-right: 10px; font-size: 0px; line-height: 16px;}
.read_more hover {   background-position: 0px -16px; }




/* 友情链接
----------------------------------------------------------------- */
.links { margin: 10px auto 0px auto; padding: 10px 30px 5px 30px; border: 1px solid #E2E2E2; }
.links h3 { font-size: 20px; font-weight: normal; margin: 10px 0 4px 0; padding: 0 0 10px 0; background-image: url(../images/link_h_bg.gif); background-repeat: repeat-x; background-position: left bottom; }
.links p { float: left; width: 900px; }
.links a { margin: 0 15px 0 0; line-height: 40px; height: 40px; }
.linktxt a { margin-right: 20px; }
.linkimg { list-style-type: none; float: left; }
.linkimg li { float: left; margin-right: 30px; margin-bottom: 20px; }

/*==================新增加的链接样式====================*/
.sitelink dl { clear:both; padding-top:10px; }
.sitelink dl dt { float: left; width:120px; line-height:50px; text-align:center;}
.sitelink dl dd { float: left; }
.sitelink dl dd .textarea { width:380px; height:50px; border:1px solid #D1D1D1; color:#999; font-size:12px; padding:3px; overflow:hidden; }


/* 版权和其他链接
----------------------------------------------------------------- */
.footer { border-style: solid; border-width: 1px 2px 1px 2px; border-color: #666666 #000000 #000000 #000000; color: #fff; margin: 0px; line-height: 60px; vertical-align: middle; height: 55px; padding-right: 30px; padding-left: 30px; background: url('../images/body_bg_foot.jpg') repeat-x left bottom; }
.footer a { color: #fff; padding-right: 5px; padding-left: 5px; }
.footer a:hover { color: #FF6600; font-size: 16px; font-weight: bold; } 
.footer .footer_links { float: left; }
.footer .copyright { float: right; }